<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>我的</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/main.css" />
    <script type="text/javascript" src="js/rootfont.js"></script>
</head>

<body>
    <div class="public-header">
        <img src="images/bg.png" class="bg">
        <div class="public-container">
            <div class="status">
                <img src="images/status.png">
            </div>
            <div class="person-top">
                <a href="#"><img class="setting fl" src="images/setting_icon.png"></a>
                <span>我的</span>
                <a href="#"><img class="menu fr" src="images/menu_icon.png"></a>
            </div>            
        </div>
        <div class="public-container">
                <div class="person-avatar">
                        <img src="images/avatar.png" alt="头像">
                        <p>千图同志</p>
                    </div>
                    <div class="person-collection">
                        <a href="#" class="collection-left fl">
                            <p class="number">12</p>
                            <p class="category">商品收藏</p>
                        </a>
                        <a href="#" class="collection-right fr">
                            <p class="number">122</p>
                            <p class="category">店铺收藏</p>
                        </a>
                    </div>
        </div>
    </div>

    <div class="public-container">
        <div class="preson-order">
            <div class="preson-container">
                <div class="clearfix">
                    <span class="myorder fl">我的订单</span> <span class="allorder fr"><a href="#">全部订单 ></a></span>
                </div>
                <div class="list clearfix">
                    <ul class="list_above">
                        <li class="item">
                            <a href="#">
                                <img class="order_icon" src="images/pre_pay.png" alt="待付款" srcset="">
                                <p>待付款</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <img class="order_icon" src="images/pre_ship.png" alt="待发货" srcset="">
                                <p>待发货</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <img class="order_icon" src="images/pre_receipt.png" alt="待收货" srcset="">
                                <p>待收货</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <img class="order_icon" src="images/pre_eval.png" alt="待评价" srcset="">
                                <p>待评价</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="list clearfix">
                    <ul class="list_below">
                        <li class="item">
                            <a href="#">
                                <span>367.00</span>
                                <p>余额</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <span>1213</span>
                                <p>积分</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <span>8</span>
                                <p>优惠券</p>
                            </a>
                        </li>
                        <li class="item left-soild">
                            <a href="#">
                                <img class="order_icon" src="images/pre_wallet.png" alt="待评价" srcset="">
                                <p>我的钱包</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="preson-option">
            <div class="person-list preson-container">
                <ul class="list">
                    <li class="item bottom-soild">
                        <img src="images/opt_vip.png" alt="会员卡">
                        <a href="#"><span>会员卡</span><span class="tag fr"><i>3</i> ></span></a>
                    </li>
                    <li class="item bottom-soild">
                        <img src="images/opt_address.png" alt="收货地址管理">
                        <a href="#"><span>收货地址管理</span><span class="tag fr">></span></a>
                    </li>
                    <li class="item">
                        <img src="images/opt_service.png" alt="联系客服">
                        <a href="#"><span>联系客服</span><span class="tag fr"><i>VIP专属客服24小时在线</i>  ></span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="public-footer">
            <div class="list clearfix">
                    <ul class="list_above">
                        <li class="item">
                            <a href="home.html">
                                <div class="footer_icon">
                                <img  src="images/icon_home.png" alt="首页" srcset="">
                                </div>
                                <p>首页</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <div class="footer_icon">
                                <img  src="images/icon_find.png" alt="发现" srcset="">
                                </div>
                                <p>发现</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="#">
                                <div class="footer_icon">
                                <img  src="images/icon_message.png" alt="消息" srcset=""><i></i>
                                </div>
                                <p>消息</p>
                            </a>
                        </li>
                        <li class="item">
                            <a href="shopcar.html">
                                <div class="footer_icon">
                                    <img  src="images/icon_shopping.png" alt="购物袋" srcset="">
                                </div>
                                
                                <p>购物袋</p>
                            </a>
                        </li>
                        <li class="item">
                                <a href="index.html">
                                    <div class="footer_icon">
                                    <img  src="images/icon_my2.png" alt="我的" srcset="">
                                    </div>
                                    <p class="chosen">我的</p>
                                </a>
                            </li>
                    </ul>
                </div>
    </div>

</body>

</html>